/* 动画-渐渐变大/闪烁/上面展示 */
.animatebig {-webkit-animation: animatebig 0.6s;animation: animatebig 0.6s}
@-webkit-keyframes animatebig {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
@keyframes animatebig {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
@-webkit-keyframes twinkling{
	0%{opacity: 0.5; transform: scale(.8);}
	25%{opacity: 0.85; transform: scale(.9);}
	50%{opacity: 1; transform: scale(1);}
	75%{opacity: 0.85; transform: scale(.9);}
	100%{opacity: 0.5; transform: scale(.8);}
}
@keyframes twinkling{
	0%{opacity: 0.8; transform: scale(.8);}
	25%{opacity: 0.9; transform: scale(.9);}
	50%{opacity: 1; transform: scale(1);}
	75%{opacity: 0.9; transform: scale(.9);}
	100%{opacity: 0.8; transform: scale(.8);}
}
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
/*閻忔媽澹奲ody*/
.grey-bg{background-color: #f5f5f5;}
/*閹稿鎸�*/
.btn-round{display:inline-block;height: 26px;padding:0 30px;text-align:center;line-height: 26px;letter-spacing:1px;color:#515151;font-size:14px;border:2px solid #d1d1d1;border-radius:17px;transition-duration: .3s;}/*0509閸橈拷  color:#666;border:2px solid #c5c5c5;*/
.btn-round:hover{color: #e40011;border-color:#e40011;}
.btn-red{display:inline-block;height: 38px;padding:0 20px;text-align:center;line-height: 38px;letter-spacing:1px;color:#fff;background-color:#e40011;font-size:14px;transition-duration: .3s;}
.btn-red:hover{background-color: #c50011;}
/*婢跺秹锟藉顢�*/
.label-checkbox{position:relative;display:inline-block;min-height:20px;line-height:20px;padding-left:24px;color:#666;cursor:pointer;}
.label-checkbox input[type="checkbox"]{position:absolute;left:0;top:0;width:20px;height:20px;opacity:0;opacity:1 \9;z-index:2;}
.label-checkbox .checkbox{position:absolute;left:0;top:0;width:20px;height:20px;background:url(../imgs/icons.png) -451px 0 no-repeat;z-index:1;display:none\9;}
.label-checkbox input[type="checkbox"]:checked + .checkbox{background-position:-480px 0;}
/*閸楁洟锟藉顢�*/
.label-radio{position:relative;display:inline-block;min-height:18px;line-height:18px;padding-left:24px;color:#666;cursor:pointer;}
.label-radio input[type="radio"]{position:absolute;left:0;top:0;width:18px;height:18px;opacity:0;opacity:1 \9;z-index:2;}
.label-radio .radio{position:absolute;left:0;top:0;width:18px;height:18px;background:url(../imgs/icons.png) -140px -170px no-repeat;z-index:1;display:none\9;}
.label-radio input[type="radio"]:checked + .radio{background-position:-117px -170px;}
/*闁瀚ㄦ稉瀣濡楋拷*/
.receiving{position:relative;display:inline-block;zoom:1;width: 200px;height:28px;line-height:28px;padding-right: 26px;border: 1px solid #d2d2d2;background: #fff;font-size: 14px;-webkit-user-select: none;vertical-align: middle}
.express{position:relative;display:inline-block;zoom:1;width: 200px;height:28px;line-height:28px;padding-right: 26px;border: 1px solid #d2d2d2;background: #fff;font-size: 14px;-webkit-user-select: none;vertical-align: middle;margin-left:20px;}
.select .selected{text-indent: 10px;color:#666;cursor:pointer;}
.select .select-drop{height:28px;border: 1px solid #d2d2d2;background: #fff;text-indent: 10px;border-radius: 2px;line-height:28px;color:#666;cursor:pointer;}
.select .selected .icon{display:block;position:absolute;top:4px;right:3px;width:20px;height:20px;background:url(../imgs/icons.png) -262px -170px no-repeat;
	-webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;}
.select .on .icon{
	-webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
.select .select-drop{position:absolute;top:34px;left:0;width:100%;height:auto;max-height:150px;overflow:auto;font-size: 12px;z-index:2;display:none;}
.select .selected,.select .select-drop li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.select .select-drop li:hover{ background:#e40011;color:#fff;}
/*閸樼喓鏁撻柅澶嬪娑撳濯哄锟�*/
.nice-select {position: relative;display: inline-block;*display: inline;zoom:1;width:98px;height: 30px;padding-left: 10px;padding-right: 30px;border: solid 1px #d2d2d2;background-color: #fff;font-size: 14px;line-height: 28px;white-space: nowrap;outline:none;cursor: pointer;
  	-webkit-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	-webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    }
.nice-select:active, .nice-select.open, .nice-select:focus {z-index:1; }
.nice-select:after {position: absolute;right: 10px;top: 12px;display: block;content: '';width:16px;height:9px;background:url(../imgs/icons.png) -264px -176px no-repeat;pointer-events: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
 	}
.nice-select.open:after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); 
    }
.nice-select .list {position: absolute;top: 100%;left: -1px;z-index: 9; min-width:100%;margin-top: 4px;opacity:0;max-height:150px;background-color: #fff;border-radius: 2px;border: solid 1px #e5e5e5;overflow-y: auto;overflow-x:hidden;pointer-events: none;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
            transform: scaleY(0);
    }
.nice-select.open .list {opacity:1;pointer-events: auto;
	-webkit-transform: scaleY(1);
    	-ms-transform: scaleY(1);
          	transform: scaleY(1);
    }
.nice-select .list::-webkit-scrollbar {width: 6px;height: 6px}
.nice-select .list::-webkit-scrollbar-corner {background-color: #2e343c;}
.nice-select .list::-webkit-scrollbar-thumb{background-color: rgba(0,0,0,.2);border-radius: 3px;}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important;color: #666; }
.nice-select .option {min-width:100%;min-height: 30px;box-sizing:border-box;line-height: 30px;padding-left: 10px;padding-right: 10px;color: #666;cursor: pointer;outline: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
    }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {background-color: #e40011; color: #fff;}
.nice-select .option.selected {font-weight: bold; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }
.no-csspointerevents .nice-select .list {display: none; }
.no-csspointerevents .nice-select.open .list {display: block; }
/*閸掓銆�2閸掞拷/3閸掞拷/4閸掞拷*/
.list-col-2,.list-col-4{margin-left:-8px;zoom:1;}
.list-col-3{margin-left:-12px;zoom:1;}
.list-col-2 .list-item{width:596px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-3 .list-item{width:392px;margin-left:12px;margin-bottom:12px;position: relative;}
.list-col-4 .list-item{width:294px;margin-left:8px;margin-bottom:8px;position: relative;}
.list-col-2 .list-item,.list-col-3 .list-item,.list-col-4 .list-item{float:left;}
@media (max-width:1260px){
	.list-col-3{margin-left:-10px;}
	.list-col-2,.list-col-4{margin-left: -12px;}
	.list-col-2 .list-item{width:484px;margin-left: 12px;margin-bottom:12px;}
	.list-col-3 .list-item{width:320px;margin-left:10px;margin-bottom:10px;}
	.list-col-4 .list-item{width:236px;margin-left: 12px;margin-bottom:12px;}
}

/*閸愬懎顔愰崠锟�*/
.container,.container-unset{width: 1210px;margin-left: auto;margin-right: auto;}
.container-unset{position:unset;}
.wp100{width: 100%;min-width: 1200px;}
@media (max-width:1260px){
	.container,.container-unset{width: 980px;}
	.wp100{min-width: 980px;}
}

/*閸掑棝銆�*/
.paging{text-align:center;clear:both;margin:100px 0;white-space: nowrap;font-family:'Microsoft YaHei';}
.paging a,.paging span{ height:34px;line-height:34px;padding: 0 14px; text-align:center;border:1px solid #d1d1d1;display:inline-block;margin:3px;color:#b0b0b0;vertical-align: middle;}
.paging a:hover,.paging a.on{border-color:#e40011;color: #e40011;}

/* 新闻页码 */
.pagingN{text-align:center;clear:both;margin:100px 0;white-space: nowrap;font-family:'Microsoft YaHei';}
.pagingN a,.pagingN span{ border-radius:50%; height:34px;line-height:34px;padding: 0 14px; text-align:center;border:1px solid #d1d1d1;display:inline-block;margin:3px;color:#b0b0b0;vertical-align: middle;}
.pagingN a:hover,.pagingN a.on{border-color:#007BE6;color: #fff; background:#007BE6;}

/*閸欏厖绗傜憴鎺旀畱娣囧啴鏀㈤幍鎾村缁崵娈戦弽鍥╊劮*/
.tag{width: 60px; height: 50px; font-size: 14px; color: #fff;position: absolute;right: 7px; top:-3px; line-height: 50px;text-align: center;z-index:6;background-color: #E40011;}
.waveline-f5{position:absolute;left:0;height: 4px;width: 100%;background:  url(../imgs/icons_waveline.png) repeat-x;z-index: 2;;bottom:-1px;}

/*鑴抽妴锟�<閵嗭拷>閸ョ偓鐖�*/
.arrowL,.arrowR{color: #afafaf;cursor: pointer;font-weight: 100;font-family: "\5b8b\4f53";}
.arrowL:hover,.arrowR:hover{color: #727272;}

/*header*/
.head{background-color: #fff;min-width: 1200px;}
@media (max-width:1260px){
	.head{min-width: 980px;}
}
.head-banner{ position:relative;margin:0px auto; height:60px; background-position:center;background-repeat: no-repeat;}
.head-banner a{ position:absolute;display:block; width:100%; height:60px;}
.head-banner .close-banner{width:20px;height:20px;top:10px;right:47px;line-height:20px; background:rgba(255,255,255,.8);}
.head-banner .close-banner:hover{color:#e40011;}
.head-top{height: 36px;background: #f0f0f0;line-height: 36px;text-align: right;}
.head-top .nav{padding:0 6px;display: inline-block;color: #666;letter-spacing: 1px;font-size: 12px;}
.head-top .nav:hover{background-color: #fff;}
.head-top .icon{display: inline-block;width: 22px;height: 22px;background: url(../imgs/icons.png) no-repeat;vertical-align: middle;}
.head-top .icon-arrow{background-position: 0 0;}
.head-top .icon-font{vertical-align: middle;margin-right: 4px;color: #515151;}
.head-top .icon-phone{font-size: 18px;}
.head-top .icon-home{color: #e40011;margin-right:5px; vertical-align: baseline;}
.head-top .nav-wrap{position:relative;display: inline-block;height: 36px;z-index: 22}
.head-top .nav-wrap:hover .nav{position: relative;z-index: 11;}
.head-top .phone .code{width: 80px;height: 80px;float: left;}
.head-top .phone:hover .nav-drop{display:block;}
/*header*/
/* .head{background-color: #fff;min-width: 1200px;}
@media (max-width:1260px){
	.head{min-width: 980px;}
}
.head-banner{ position:relative;margin:0px auto; height:60px; background-position:center;background-repeat: no-repeat;}
.head-banner a{ position:absolute;display:block; width:100%; height:60px;}
.head-banner .close-banner{width:20px;height:20px;top:10px;right:47px;line-height:20px; background:rgba(255,255,255,.8);}
.head-banner .close-banner:hover{color:#e40011;}
.head-top{height: 36px;background: #f0f0f0;line-height: 36px;text-align: right;}
.head-top .nav{padding:0 6px;display: inline-block;color: #666;letter-spacing: 1px;font-size: 12px;}
.head-top .nav:hover{background-color: #fff;}
.head-top .icon{display: inline-block;width: 22px;height: 22px;background: url(../imgs/icons.png) no-repeat;vertical-align: middle;}
.head-top .icon-arrow{background-position: 0 0;}
.head-top .icon-font{vertical-align: middle;margin-right: 4px;color: #515151;}
.head-top .icon-phone{font-size: 18px;}
.head-top .icon-home{font-size: 14px;color: #e40011;}
.head-top .nav-drop{position:absolute;top:36px;right:0;z-index:10;width: 400px;padding:10px;background-color: #fff;text-align:left;line-height:1.4;font-size:12px;border: 1px solid #f0f0f0;border-top:0;display: none;}
.head-top .nav-wrap{position:relative;display: inline-block;height: 36px;z-index: 22}
.head-top .nav-wrap:hover .nav{position: relative;z-index: 11;}
.head-top .phone .code{width: 80px;height: 80px;float: left;}
.head-top .phone:hover .nav-drop{display:block;} */
.logo-area{float:left;width: 292px;height: 112px;text-align: center;}
.logo-area img{ width: 220px; height: 112px; object-fit: contain;}
.head-mid .keywords{height: 36px;line-height: 36px;margin-top:10px;font-size: 12px;}
.head-mid .keywords a:hover{color:#e40011;}
.search-box{float:left;position: relative;}
.search-box .search-input{font-size:16px;float:left;width: 570px;height: 38px;border:1px solid #d1d1d1;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;outline: none;text-indent: 10px;}
@media (max-width:1260px){
	.logo-area{width:242px ;}
	.search-box .search-input{width: 440px;}
	}
.search-box .btn-search{float:left;margin-left:-1px;width: 56px;height: 38px;border: 1px solid #e0e0e0;text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e7e7e7)) url(../imgs/icons.png) 0 -28px no-repeat;
	background: -webkit-linear-gradient(#f2f2f2, #e7e7e7);
	background: -moz-linear-gradient(#f2f2f2, #e7e7e7);
	background: -o-linear-gradient(#f2f2f2, #e7e7e7);
	background: linear-gradient(#f2f2f2, #e7e7e7);
	background: #f5f5f5 \9;
	}
.search-box .btn-search .icon{display: inline-block;width: 22px;height: 22px;margin-top:8px;background: url(../imgs/icons.png) -74px 0 no-repeat;}
.head-mid .cart-box{float:left;margin-left:60px;position: relative;z-index:21;}
@media (max-width:1260px){
	.head-mid .cart-box{margin-left:40px;}
	}
.head-mid .cart-box .btn-cart{display:block;width: 138px;height: 38px;border: 1px solid #d1d1d1;text-align: center;font-size: 16px;line-height: 38px;background-color:#fff;position: relative;z-index: 2;}
.head-mid .cart-box .btn-cart .icon{display: inline-block;width: 24px;height: 24px;background: url(../imgs/icons.png) -102px 0 no-repeat;vertical-align: middle;margin-right: 10px;position: relative;}
.cart-box .badge{position:absolute;top:-6px;left:16px;min-width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background-color: #e40011;text-align:center;color: #fff;font-style: normal;font-size: 12px;letter-spacing: 0;}
.cart-list{position:absolute;top:38px;right:0;z-index:1;width: 300px;background-color: #fff;border: 1px solid #d1d1d1;display: none;font-size: 12px;}
.cart-list ul{padding:0 20px;max-height: 400px;overflow-y: auto;}

.cart-list li{width:260px;margin-bottom:-1px;padding:10px 0;height: 50px;border-bottom: 1px solid #e0e0e0;line-height:20px;position: relative;}
.cart-list .pro-img{width: 50px;height: 50px;display: table-cell;text-align: center;vertical-align: middle;}
.cart-list .pro-img img{max-width: 100%;max-height: 100%;}
.cart-list .pro-name{float:left;width: 100px;height:40px;margin:5px 10px 0;overflow: hidden;}
.cart-list .pro-name:hover a,.cart-list .btn-delete:hover{color: #e40011;}
.cart-list .pro-price{float: left;margin-top: 5px;}
.cart-list .btn-delete{position:absolute;top:14px;right:0;width: 20px;height: 20px;font-size:20px ;line-height: 20px;text-align: center;-webkit-user-select: none;-ms-user-select: none;-moz-user-select: none;display: none;}
.cart-list li:hover .btn-delete{display: block;}
.cart-list .foot{padding: 15px 20px;background-color: #f5f5f5;overflow: hidden;line-height: 1.1;}
.cart-list .foot .empty{text-align: center;font-size: 14px;color: #b0b0b0;}
.cart-list .foot .icon-empty{display: inline-block;width: 42px;height: 42px;background: url(../imgs/icons.png) -347px -395px no-repeat;vertical-align: middle;}
.cart-box:hover .btn-cart{border-bottom: 0;}
.cart-box:hover .cart-list{display: block;}
.nav-bar{height: 38px;line-height: 38px;margin-left: 292px;}
.nav-bar .nav{font-size: 16px;margin:0 17px;}
.nav-bar .nav:hover{color: #e40011;}
.nav-bar .nav.on{font-weight: bold;}
@media (max-width:1260px){
	.nav-bar .nav{margin:0 8px;}
	.nav-bar{margin-left: 242px;}
	}
.menu{width: 292px;position: absolute;top:0;left: 0;z-index: 10;}
.menu-title{width: 100%;height:38px;line-height: 38px;text-align: center;font-size: 16px;cursor: pointer;}
.menu-tab{float: left;display: block;width: 50%;}
.menu-tab.on{background-color: #4c4c4c;color: #fff;}
.menu-tab .icon{display: inline-block;width: 10px;height: 10px;background: url(../imgs/icons.png) -52px -5px no-repeat;vertical-align: middle;margin-left: 10px;}
.menu-nav{position:absolute;top:38px;left: 0;width: 292px;height: 432px;padding:14px 0;background-color:rgba(56,56,56,.9);background-color: #656565 \9;z-index:1;}
.menu-nav-item{height: 40px;line-height: 40px;padding-left: 30px;color: #fff;font-size: 14px;cursor: pointer;-webkit-user-select: none;}
.menu-nav-item.on{background-color: #fff;color: #333;}
.menu-nav-item a{color: #fff;display: inline-block;max-width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.menu-nav-item.on a{color: #333;}
.menu-nav-item:after{float:right;margin-right:16px;display: block;content: ">";font-family: "\5b8b\4f53";font-weight: bold;}
@media (max-width:1260px){
	.menu{width: 242px;}
	.menu-nav{width: 242px;}
	.menu-nav-item{padding-left: 15px;}
	.menu-nav-item:after{margin-right:10px;}
	}
.menu-cont{position: absolute;top:38px;left: 292px;width: 908px;min-height: 460px;background-color: #fff;box-shadow: 2px 2px 7px rgba(0,0,0,.2);border:1px solid #efefef \9;display: none;}
.menu-cont-wrap{padding:0 30px 30px;text-align: center;display: none;}
.menu-cont-list{overflow: hidden;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.menu-cont-list li{float:left \9;width:20%;width:19% \9;margin-top:20px;border-left: 1px solid #efefef;margin-left: -1px;}
.menu-cont-list .pro-img{height: 100px;text-align: center;border-left:1px solid #fff;margin-left:-1px;}
.menu-cont-list .pro-img img{width: 100px;height: 100px;}

.pro-type{text-align: left;display: inline-block;*display: inline;zoom:1;margin-top:6px;max-width: 80%;}
.pro-type a{display: block;line-height: 28px;font-size: 14px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-type a.fb{line-height: 36px;}
.pro-type a:hover{color: #e40011;}
.menu-cont-wrap .btn-round{height: 24px;padding:0 10px;line-height: 24px;border-width:1px;border-radius:13px;margin-top:30px;}
@media (max-width:1260px){
	.menu-cont{left:242px;width: 738px;}
	.menu-cont-list .pro-img{height: 90px;}
	.menu-cont-list .pro-img img{width:90px;height: 90px;}
	}
/*header-hide-menu*/
.head-hide-menu .menu-nav{display: none;}
.head-hide-menu .menu:hover .menu-nav{display: block;}

.head-mini{box-shadow: 0 2px 5px rgba(0,0,0,.1);}
.head .menu-title.on{background-color: #656565;color: #fff;}
/*.head-mini .logo-area{height: 100px;}
.head-mini .logo-area img{margin-top: 20px;}
.head-mini .search-box{margin-top:25px;margin-left: 20px;}
.head-mini .cart-box{margin-top:25px;}*/
.head-mini .menu-nav{display: none;}
.head-mini .menu:hover .menu-nav{display: block;}
.head-menu,.head-hide-menu,.head-mini .head-bot{position:relative;/*z-index:10;*/}
/*footer*/
.foot{background-color: #fff;}
.foot-s{background: #f5f5f5; overflow: hidden;}
.foot-s li a{ background: #fff; display:inline-block; }
.foot-s li a,.foot-s li img{ display:block;width:100%;overflow: hidden;-webkit-transition: .3s linear;transition: .3s linear;}
.foot-s li h4{  font-size: 16px;font-weight: bold;margin: 20px 0 30px;text-align: center;}
.foot-s li a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.foot-s li a:hover h4{color: #e40011;}
.foot-s .list-item:hover{box-shadow:0 0 6px rgba(0,0,0,0.2);}
.foot-t{padding: 40px 0; overflow: hidden; clear: both;}
.foot-t li {float: left;width: 25%;position: relative; }
.foot-t li .icon {width: 58px;height: 58px; background: url(../imgs/icons.png) 0 -30px no-repeat;position: absolute; left: 0;}
.foot-t li .text { margin-left: 50px; padding-left: 15px;padding-right: 15px; float:left; color: #b0b0b0;line-height: 18px; font-size: 14px; -webkit-transition: .3s linear; transition: .3s linear;}
.foot-t li.universal .text{ margin-left: 58px;}
.foot-t li .text-tit{ font-size: 18px;font-weight: bold; color: #4c4c4c; line-height: 28px;}

.foot-t .quality .icon { background-position: -79px -30px;}
.foot-t .design .icon { background-position: -147px -30px;}
.foot-t .after-sale .icon { background-position: -217px -30px;}
.foot-m {padding: 20px 0; border-top: 1px solid #e5e5e5; clear: both; overflow: hidden; }
.foot-ml{width:850px;padding-top:25px;float: left; overflow: hidden;font-size: 12px;}
.foot-ml dl{width:25%;*width:24%;float:left;}
.foot-ml dt{font-size: 16px;margin-bottom: 10px; color: #4c4c4c;font-weight: bold;}
.foot-ml dd a{line-height:22px;color:#515151;}
.foot-ml dd a:hover{color: #515151; text-decoration: underline;}
.foot-s li img{ height:191.5px}
@media (max-width:1260px){
  .foot-ml{ width: 630px;}
  .foot-s li img{ height:156.33px}
}
.foot-mr{width:330px;padding-top:25px; float: right; overflow: hidden; }
.foot-mr .wechat{ font-size: 14px; margin-bottom: 10px; text-align: center;color: #4c4c4c;}
.foot-mr .kefu {float: right;margin-top: -10px;}
.foot-mr .kefu .tel {font-size: 26px; color: #4c4c4c; text-align: center;}
.foot-mr .kefu .time {font-size: 12px;color: #4c4c4c;text-align: center;margin-top: 7px;}
.foot-mr .kefu .btn {display: block; padding:0 50px; border-radius: 4px; letter-spacing: 4px;height: 44px;line-height:44px;background: #e40011; font-weight:bold;text-align: center;font-size: 16px;color: #fff;margin-left: auto;margin-right: auto;margin-top:25px;}
.foot-mr .kefu .btn:hover {background-color: #C50011;}
.foot-mr li img{width:94px}
.design_link{ display: flex; display: -webkit-flex; justify-content: center; margin: 20px auto; padding-bottom:20px;}
.design_link li{ list-style: none; margin: 0 10px;}
.design_link a{ color:#fff; font-size: 12px; }
.design_link a:hover{ opacity: .7}
/*閸欏厖鏅跺ù顔芥蒋-commom.css*/
.pro-back-top{position: fixed;bottom: 100px;right: 20px;background-color: #fff;z-index: 10;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px; border-radius: 8px;}
.pro-back-top li{width: 80px;padding:15px 0;text-align: center;line-height: 28px;cursor: pointer;font-size: 12px;  transition: all .3s;}
.pro-back-top li:first-child{
	position: absolute;top: -84px; background: rgba(215, 153, 34,.5); border-radius: 50%;box-sizing: border-box;
	width: 72px;height: 72px;margin-left: 4px;
	margin-bottom: 4px;color: #c8c9cc;
	padding: 12px 0;
	animation: twinkling 2s linear 1s infinite ;
}
.pro-back-top li:first-child i,.pro-back-top li:first-child  a{ color: #ffffff; transition: all .3s;}
.pro-back-top li:first-child p{ line-height: 1;}
.pro-back-top li p{line-height: 1.2;}
.pro-back-top li:first-child:before{
	content: '';
	/*position: absolute;*/
	left: -6px;
	top: -6px;
	right: 0;
	bottom: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	/*border: 2px solid rgb(249, 233, 208);*/
}
.theirs.pro-back-top li p { line-height: 1.5}
.pro-back-top li a{ color: #969799;}
.pro-back-top li i{ font-size: 28px; color: rgba(0,0,0,.3);}
.pro-back-top li:hover,.pro-back-top li:hover a,.pro-back-top li:hover i{ color: #E13922;}
.pro-back-top li .pro_icon{width:42px;height:42px;vertical-align: middle;display: inline-block;background-image: url(../imgs/icons.png);}
.back-cart{background-position: 0 -395px;}
.back-top{background-position: -117px -395px;}
.Customer-service{background-position: -234px -395px;}
.Customer-ruzhu{background-position: -235px -459px;}
.pro-back-top li:hover .back-cart{background-position: -53px -395px;}
.pro-back-top li:hover .back-top{background-position: -176px -395px;}
.pro-back-top li:hover .Customer-service{background-position: -289px -395px;}
.pro-back-top li:hover .Customer-ruzhu{background-position: -290px -459px;}
.pro-back-top li.back-head-top{display: none;}
.enterprise-code .tan-box{ display: none; top: 0;}
.pro-back-top li.enterprise-code:hover .tan-box{ display: block;}
.leading-photo-out .tan-box{left:-200px;}
.leading-photo-out:hover .tan-box>div{ display:inline-block;}
	/** 閸楁澘鍩涚�广垺婀� */
.QQ-customer-service{ background-position:-410px -395px;}
.QQ-customer-service:hover{ background-position:-457px -395px;}
/*婢舵挳鍎撮幖婊呭偍濡楋拷*/
#search-result{position: absolute;left: 0;top: 40px; width: 625px; border:1px solid #eee; z-index:99;background:#fff}
#search-result{ border:1px solid #d1d1d1; width:627px;}
#search-result a li{ height:28px; line-height:28px;}
#search-result a{ display:inline-block; width:607px;height:28px; line-height:28px;padding:0 10px;float:left }
#search-result a:hover,.close:hover{ background:#eee; display:block; color:#666; cursor:pointer}
#search-result .close{ width:100%; height:30px; line-height:30px; text-align:center; color:#666; border-top:1px solid #efefef; display:inline-block}
.app-con{ width:100%; height:100px; text-align: center; background: rgba(0,0,0,.5); position: fixed; bottom:0; left:0; z-index: 10;}
.app-con .con{width: 1100px;margin:0px auto;}
.mobileImg{ width:166px; height:auto;margin-top:-20px;}
.app-con span{margin: 10px 25px 0;line-height: 1.5;}
.erwmImg{ width:80px; height:80px; margin-top:10px;}
.dleApp{ margin-top:-10px; margin-left:10px; font-size:30px; color:#fff; transition: all .3s;}
.dleApp:hover{ opacity: .7;}
.bg0{ background: #4a4a4a; padding-top: 20px;}
/*.logo-area img{margin-top:10px;}*/
/*皮肤*/
.activitySkin{ position: fixed; z-index: 10; left: 0; top: 0; bottom: 0px; overflow: hidden;}
.activitySkin ul{ margin: 30px auto; overflow: hidden; white-space:nowrap; max-height: 103px;}
.activitySkin li{  display:inline; width: 103px; height: 103px;}
.activitySkin li a{ display: inline-block; width: 103px; height: 103px;}
.activitySkin .item-a a{ background:url(../imgs/tu1_1.png) no-repeat center;}
.activitySkin .item-b a{ background:url(../imgs/tu2_1.png) no-repeat center;}
.activitySkin .item-a a:hover{ background-image: url(../imgs/tu1_2.png);}
.activitySkin .item-b a:hover{ background-image: url(../imgs/tu2_2.png);}
.activitySkin ul:nth-child(even){ margin-left: 20px;}
.activitySkin2{ left: auto; right: 0px;}


.leading-photo{ background-position:-410px -440px;}
.leading-photo:hover{ background-position:-457px -440px;}
.pro-back-top{ overflow:visible;}
.tan-box{position:absolute;top:80px;left: -110px;padding:10px;background-color: #fff;overflow: hidden;box-shadow: rgb(0 0 0 / 10%) 0px 2px 6px; text-align:center; overflow:visible; display:none; border-radius: 8px; animation: animatebig .3s;}
.tan-box .erwmImg{ margin-top:0px;}
.tan-box p{ line-height:1.3em; color: #515151;}
.tan-box:after{content: "";position: absolute;top: 33px; right:-10px;width:10px;height:23px; display:inline-block; background-image: url(../imgs/icons.png); background-position:-37px -281px;}
.leading-photo-out:hover .tan-box{ display:block;}

/*购物车滚动置顶*/
.head-mid-out.fd{ z-index: 99;width: 100%;background: #FFFFFF;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.head-mid-out.fd .logo-area{ width: 280px; height: 60px;}
.head-mid-out.fd .logo-area img{ margin-top: 5px; display: inline-block; height: 50px;}
.head-mid-out.fd .keywords{ display: none;}
.head-mid-out.fd .search-box,.head-mid-out.fd .cart-box{ margin-top: 10px;}
.head-mid-out.fd .head-mid{ min-width:1200px;}

.pro-type{ position: relative;}
.hot1{display: inline-block;width: 23px;height: 26px;background: url(../imgs/icons.png) no-repeat -149px -267px;position: relative;top: -9px;left: 10px;}
.hot2{display: inline-block;width: 45px;height: 20px;background: url(../imgs/icons.png) no-repeat -187px -271px;position: absolute;right: -15px;top: 20px;}
/* 头部个人信息-开始 */
.head-top .nav-drop,.head-top .nav-dropInfo{position:absolute;top:36px;right:0;z-index:10;width: 400px;padding:10px;background-color: #fff;text-align:left;line-hei ght:1.4;font-size:12px;border: 1px solid #f0f0f0;border-top:0;display: none; box-shadow: 0px 0px 5px #ccc;}
.head-top .nav-dropInfo{ width: 260px; padding: 0px;}
.myInfo{border-bottom: 1px solid #F0F0F0;height: 70px; padding: 10px 10px 0px 10px; display: flex; display: -webkit-flex;}
.myInfo .infoHead{ width: 66px; height: 60px;}
.myInfo .infoHead img{ width: 60px; height: 60px; border-radius:50%; opacity: .9;}
.myInfo .infoHead a{ display: inline-block; width: 60px; height: 60px;border-radius:50%;  background: #000000;}
.myInfo .infoHead img:hover{opacity: 1;}
.nameTit{ font-size: 12px; color: #000000; padding: 5px 0; width: 104px;}
.nameTit  p{ height: 26px; line-height: 26px;}
.nameTit a{padding: 2px;}
.nameTit a:hover{ background: #F0F0F0; border-radius: 4px; padding: 2px;}
/* 头部元宝弹框 */
.organge{ color: #FF9753;}
.gray80{color:#808080;}
.grayB7{color:#b7b7b7;}
.signInBtn{ display: inline-block;  height: 24px; line-height: 22px; font-size: 12px; background: #F6CF7C;  color: #FFFFFF; margin: 20px auto 0 auto; padding: 0 8px; border-radius: 12px;}
.signInBtn .icon-daily{ color: #FFFFFF;  vertical-align: bottom;} 
.signInBtn:hover{ background: #FF9753;}
.inforCon{ width: 260px; height: 70px;}
.inforCon  li { float: left; width: 65px; text-align: center;}
.inforCon  li a{display: inline-block; padding: 5px; margin: 5px 0px; }
.inforCon  li a:hover{ background: #F0F0F0; border-radius: 6px;}
.inforCon  li i{ font-size: 24px; color: #676767;}
.inforBadge{position:absolute;top:90px;left:36px;min-width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background-color: #e40011;text-align:center;color: #fff;font-style: normal;font-size: 12px;letter-spacing: 0;}
.inforBadge2{ left:100px;}
.inforBadge3{ left:166px;}
.inforBadge4{ left:230px;}
/* 头部个人信息-结束 */
/* 短信登录-注册弹框20210111 */
.m_flex{ display: flex; display: -webkit-flex; justify-content: space-between;}
.reg_pop{overflow-y: hidden;  box-sizing: border-box; position: fixed;  z-index: 29; left: 0; top: 0;width: 100%; height: 100%;  overflow: auto;  background-color: rgb(0,0,0);   background-color: rgba(0,0,0,0.4); padding-top: 60px;}
.reg_con{background-color: #ffffff;margin: 5% auto 15% auto;  border: 1px solid #888; width: 350px; padding: 30px 50px; border-radius: 6px; position: relative;}
.reg_con h3{ border-bottom: 1px solid #e0e0e0;  font-size: 20px; padding-bottom: 10px; font-weight: lighter; color: #e40011; }
.reg_closebtn{position: absolute; right: 40px; top: 20px; display: block;  color: #c2c2c2; font-size: 24px; font-weight: bold}
.reg_closebtn:hover,
.reg_closebtn:focus {color: red; cursor: pointer;}
/*绑定手机*/
.login-area,.register-area,.verify-area{ width: 348px; margin: 0 auto; position: relative;}
.user-name, .user-pass,.photo-nmb,.identifying,.enter-pwd{width:100%;height: 48px;border: 1px solid #e0e0e0;position: relative; margin: 15px 0;}
.user-name:hover, .user-pass:hover,.photo-nmb:hover,.identifying:hover,.enter-pwd:hover,.identify input:hover{border-color: #53b4e9;}
.user-name input, .user-pass input, .photo-nmb input,.identifying input,.enter-pwd input{width: 298px;height: 48px;line-height: 48px;font-size: 14px;color: #515151;outline: none;border: 0;position: absolute;left: 14px;z-index: 2;background: none;text-indent: 10px;}
.user-pass .use-pass, .user-name .user-photo ,.photo-nmb .photo{position: absolute;top: 10px;left: 0;width: 48px;height: 30px;z-index: 2; border-right: 1px solid #e6e6e6;}
.user-photo {background: url(../imgs/icons.png) -220px 2px no-repeat;}
.use-pass {background: url(../imgs/icons.png) -264px 1px no-repeat;}
.user-name input, .user-pass input ,.photo-nmb input{left: 50px;}
.photo-nmb .photo {background: url(../imgs/icons.png) -398px 1px no-repeat;}
.slider-varify {width: 350px;height: 40px;position: relative;margin: 15px 0;background-color: #eee;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none;}
.slider-bg {position: absolute;left: 0;top: 0;height: 100%;background-color: #73c1d8;z-index: 1;}
.slider-label {width: 58px;position: absolute;left: 0;top: 0;height: 38px;line-height: 38px;border: 1px solid #e2e2e2;background: #fff url(../imgs/varify_icon.jpg) 18px 13px no-repeat;z-index: 3;cursor: move;}
.slider-label.success{background-position: 18px -34px;}
.slider-tip {position: absolute;left: 0;width: 100%;height: 100%;font-size: 14px;color: #b0b0b0;line-height: 38px;text-align: center;z-index: 2;}
.identifying input {left:0; width: 240px;}
.obtain{ width:110px; text-align:center;line-height: 48px;height: 48px; color: #b0b0b0; font-size: 12px; position: absolute;right: 0;top: 0; display: block; background: #eee;}
.obtain-1{ width:110px;height: 48px;position: absolute;right:-140px;top: 0; z-index:999;cursor: pointer; }
.obt-on{color: #fff; background: #73c1d8;}
.label-checkbox{color: #b0b0b0;}
.label-checkbox a:hover{ color: #e40011;}
.label-checkbox .checkbox{position:absolute;left:0;top:2px;width:18px;height:18px;background:url(../imgs/icons.png) -140px -170px no-repeat;z-index:1;display:none\9;}
.label-checkbox input[type="checkbox"]:checked + .checkbox{width:20px;height:20px;background:url(../imgs/varify_icon.jpg) -1px -43px no-repeat;}
.icon-warn{ width: 15px; height: 15px; margin-right: 5px; background: url(../imgs/icons.png) no-repeat -118px -203px;display: inline-block;*display:inline;zoom:1;vertical-align: middle;}
.warning{border: 1px solid #e40011;}
.btn-login,.btn-register{background-color: #e40011; width: 350px;letter-spacing: 4px;height: 50px;line-height: 50px;display: inline-block;font-weight: bold;text-align: center;font-size: 16px;color: #fff;cursor: pointer; border: 0 none;}/*0509鍘�  font-size: 14px;*/
.btn-login:hover,.btn-register:hover{background-color: #c50011;}
/* 新官网20220803 */
@font-face {
	font-family: "sjky-new"; /* Project id 1252640 */
	src: url('./fonts/iconfont.eot?t=1659589888837'); /* IE9 */
	src: url('./fonts/iconfont.eot?t=1659589888837#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./fonts/iconfont.woff2?t=1659589888837') format('woff2'),
	url('./fonts/iconfont.woff?t=1659589888837') format('woff'),
	url('./fonts/iconfont.ttf?t=1659589888837') format('truetype'),
	url('./fonts/iconfont.svg?t=1659589888837#sjky-new') format('svg');
}

.sjky-new {
	font-family: "sjky-new" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrowTop:before {
	content: "\e7da";
}

.icon-tutor:before {
	content: "\e7d9";
}

.icon-code1:before {
	content: "\e7d8";
}

.icon-custom:before {
	content: "\e7d6";
}

.icon-code:before {
	content: "\e7d7";
}

.icon-design:before {
	content: "\e7d3";
}

.icon-qqLine:before {
	content: "\e75e";
}

.icon-star:before {
	content: "\e74a";
}

.icon-starLine:before {
	content: "\e74b";
}

.icon-check:before {
	content: "\e748";
}

.icon-likeLine:before {
	content: "\e747";
}

.icon-qqService:before {
	content: "\e744";
}

.icon-customer:before {
	content: "\e745";
}

.icon-photo1:before {
	content: "\e743";
}

.icon-preview2:before {
	content: "\e741";
}

.icon-preview1:before {
	content: "\e742";
}

.icon-searchLine:before {
	content: "\e73f";
}

.icon-shopcartL:before {
	content: "\e740";
}

.icon-prompt3:before {
	content: "\e73e";
}

.icon-lockLine:before {
	content: "\e73d";
}

.icon-add2:before {
	content: "\e72d";
}

.icon-arrowLiner3:before {
	content: "\e72c";
}

.icon-arrowLinel3:before {
	content: "\e72b";
}

.icon-close2:before {
	content: "\e71f";
}

.icon-noCoupons:before {
	content: "\e71e";
}

.icon-secondsKill:before {
	content: "\e71d";
}

.icon-daily2:before {
	content: "\e6fa";
}

.icon-next:before {
	content: "\e6f9";
}

.icon-message:before {
	content: "\e6f8";
}

.icon-home:before {
	content: "\e6f6";
}

.icon-phone:before {
	content: "\e6f7";
}

.icon-close3:before {
	content: "\e6ec";
}

.icon-close4:before {
	content: "\e6ed";
}

.icon-Coupon:before {
	content: "\e6ee";
}

.icon-yuanbao:before {
	content: "\e6ef";
}

.icon-member:before {
	content: "\e6f0";
}

.icon-daily:before {
	content: "\e6f1";
}

.icon-luckDraw2:before {
	content: "\e6f2";
}

.icon-member2:before {
	content: "\e6f3";
}

.icon-exchange2:before {
	content: "\e6f4";
}

.icon-yuanbao2:before {
	content: "\e6f5";
}

.icon-zan:before {
	content: "\e64e";
}